Add blog subpage with example post and nav link#10
Conversation
Co-authored-by: hgarfer <611512+hgarfer@users.noreply.github.com>
There was a problem hiding this comment.
Pull request overview
Adds a new blog section to the Jekyll site, including an index page, a dedicated post layout, styling, and an initial example post, plus a navigation link from the home page.
Changes:
- Added
blog.htmlindex page that listssite.postswith title/date/excerpt. - Added a
postlayout and an example post under_posts/. - Updated navigation styling and introduced blog-specific SCSS styles.
Reviewed changes
Copilot reviewed 5 out of 5 changed files in this pull request and generated 3 comments.
Show a summary per file
| File | Description |
|---|---|
blog.html |
New blog index page rendering a list of posts. |
_layouts/home.html |
Adds “Blog” link to the home page header nav. |
_layouts/post.html |
New layout for individual blog posts with header/meta and back-nav. |
_posts/2026-03-01-hello-world.md |
Example “Hello World” blog post content. |
_sass/main.scss |
Updates .site-nav to flex and adds blog list/post styling. |
💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.
| --- | ||
| layout: default | ||
| title: Blog | ||
| --- |
There was a problem hiding this comment.
The PR description says this adds a /blog section, but this page will be served at /blog.html unless you set an explicit permalink. Consider adding permalink: /blog/ (or moving to blog/index.html) so the blog lives at /blog as described, and update internal links accordingly.
| <nav class="site-nav"> | ||
| <a href="{{ '/blog.html' | relative_url }}" class="nav-link">Blog</a> | ||
| <a href="{{ '/contact.html' | relative_url }}" class="nav-link">Contact</a> |
There was a problem hiding this comment.
This link points to /blog.html. If the intent is a /blog section (per PR description), update this href to the canonical /blog/ route (and ensure the blog page has a matching permalink).
| <nav class="site-nav"> | ||
| <a href="{{ '/' | relative_url }}" class="nav-link">Home</a> | ||
| <a href="{{ '/blog.html' | relative_url }}" class="nav-link">Blog</a> | ||
| </nav> |
There was a problem hiding this comment.
This link points to /blog.html. If the blog index is intended to live at /blog/, update this href to match the blog page permalink so post pages link back correctly.
Adds a
/blogsection to the site with a listing page, per-post layout, and an initial example post. A "Blog" nav link is added to the home page header.Changes
_layouts/home.html– Added "Blog" nav link alongside existing "Contact" link; updated.site-navto flexbox for multi-link spacingblog.html– Blog index usingsite.posts; renders title, date, and truncated excerpt per post_layouts/post.html– Post layout with date in header and nav back to Home/Blog_posts/2026-03-01-hello-world.md– Example "Hello World" post_sass/main.scss– Blog-specific styles:.blog-list,.blog-post-preview,.blog-post-title,.blog-post-meta,.blog-post-excerpt,.blog-post-contentOriginal prompt
💡 You can make Copilot smarter by setting up custom instructions, customizing its development environment and configuring Model Context Protocol (MCP) servers. Learn more Copilot coding agent tips in the docs.